<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../css/font_2836686_3the5anuuw6/iconfont.css">
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
</head>

<body>
    <header>
        <div class="le">
            <span class="effort">每一个不曾起舞的日子，都是对生命的辜负</span>
            <a href="login.html">登录</a>
            <span>|</span>
            <a href="regist.html">注册</a>
        </div>
        <div class="iconfont icon-gouwuche car">我的购物车</div>
    </header>
    <nav>
        <img src="../images/tf-logo.png" alt="" class="left">
        <ul>
            <li>
                <a href="" class="col_a">机械革命</a>
                <ul class="drop">
                    <li>
                        <img src="../images/1.png" alt="">
                        <p>深海幽灵&nbsp;Z3&nbsp;Pro&nbsp;系列</p>
                        <p class="col">￥8779元</p>
                    </li>
                    <li>
                        <img src="../images/2.png" alt="">
                        <p>钛坦Plus系列</p>
                        <p class="col">￥10999元</p>
                    </li>
                    <li>
                        <img src="../images/3.png" alt="">
                        <p>深海幽灵&nbsp;Z3Air系列</p>
                        <p class="col">￥6299元</p>
                    </li>
                    <li>
                        <img src="../images/4.png" alt="">
                        <p>蛟龙7&nbsp;系列</p>
                        <p class="col">￥11999元</p>
                    </li>
                    <li>
                        <img src="../images/5.png" alt="">
                        <p>蛟龙5&nbsp;系列</p>
                        <p class="col">￥7999元</p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">轻薄本</a>
                <ul class="drop">
                    <li>
                        <img src="../images/6.png" alt="">
                        <p>F1系列</p>
                        <p class="col">￥5299元</p>
                    </li>
                    <li>
                        <img src="../images/7.png" alt="">
                        <p>S3&nbsp;Pro&nbsp;系列</p>
                        <p class="col">￥4099元</p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">台式机</a>
            </li>
            <li>
                <a href="" class="col_a">周边外设</a>
                <ul class="drop">
                    <li>
                        <img src="../images/8.png" alt="">
                        <p>机械革命&nbsp;游戏笔记本背包&nbsp;深海幽灵版</p>
                        <p class="col">￥299元</p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">商用及大客户产品</a>
                <ul class="drop_a">
                    <li>台式电脑</li>
                    <li>笔记本电脑</li>
                    <li>服务器及存储</li>
                    <li>工作站</li>
                    <li>智能显示产品</li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">解决方案</a>
                <ul class="down">
                    <li>
                        <p><b>数据中心解决方案</b></p>
                        <p>同方云</p>
                    </li>
                    <li>
                        <p><b>行业解决方案</b></p>
                        <p>智慧金融</p>
                        <p>智慧教育</p>
                        <p>智慧黑板</p>
                        <p>专递课堂</p>
                        <p>疫情防控</p>
                        <p>智慧医疗</p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">信息安全</a>
                <ul class="drop_b">
                    <li>低泄射</li>
                    <li>TSTOR</li>
                    <li>OPENTHOS</li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">服务</a>
            </li>
            <li>
                <a href="" class="no">中国芯</a>
                <ul class="drop_c">
                    <li>鲲鹏系列</li>
                    <li>龙芯系列</li>
                    <li>飞腾系列</li>
                    <li>兆芯系列</li>
                    <li>海光系列</li>
                </ul>
            </li>
        </ul>
        <img src="../images/SDoc-touming.png" alt="" class="right">
    </nav>
    <div class="drop-down"></div>
    <div class="pic">
        <img src="../images/list-1.png" alt="" width="100%">
    </div>
    <section>
        <input type="text" name="keywords">
        <button class="search">搜索</button>
        <div class="pag">
            <div class="category">
                <ul>

                </ul>
            </div>
            <div class="list">
                <ul></ul>
                <ol>
                    <li>首页</li>
                    <li>上一页</li>
                    <li>下一页</li>
                    <li>尾页</li>
                </ol>
            </div>
        </div>
    </section>

    <footer>
        <div class="huan">
            <a href="" class="iconfont icon-qitianwuliyoutuihuan">7天无理由退货</a>
            <span>|</span>
            <a href="" class="iconfont icon-15tianwuliyoutuihuo">15天免费换货</a>
            <span>|</span>
            <a href="" class="iconfont icon-lihe">全场包邮</a>
            <span>|</span>
            <a href="" class="iconfont icon-didian">520余家售后网点</a>
        </div>
        <div class="txt">
            <ul>
                <li><a href=""><b>帮助中心</b></a></li>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
            </ul>
            <ul>
                <li><a href=""><b>机械革命</b></a></li>
                <li><a href="">机械革命官网</a></li>
                <li><a href="">官方微博</a></li>
                <li><a href="">私人定制</a></li>
            </ul>
            <ul>
                <li><a href=""><b>服务支持</b></a></li>
                <li><a href="">驱动程序</a></li>
                <li><a href="">维修网点</a></li>
                <li><a href="">服务政策</a></li>
            </ul>
            <ul>
                <li><a href=""><b>关于我们</b></a></li>
                <li><a href="">走进我们</a></li>
                <li><a href="">新闻中心</a></li>
                <li><a href="">合作厂商</a></li>
            </ul>
        </div>
    </footer>
</body>
<script src="../js/promiseAjax.js"></script>
<script src="../js/jquery-3.6.0.js"></script>
<script src="../js/list.js"></script>


</html>